<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
$(document).ready(function(){
	$(".social-weixin a").mouseover(function(){
		$(".qr-code-wrap").css("display","block");
	});
	$(".social-weixin a").mouseleave(function(){
		$(".qr-code-wrap").css("display","none");
	});
});
</script>
<!-- 顶条 -->
<div class="top_top">
   	<div class="top-fix">
		<div class="social-contact-wrap">
			<ul class="social-contact">
				<li id="show-QR_code" class="social social-weixin">
           			<a href="#"><span>微信</span></a>
              			<div class="qr-code-wrap" style="display: none;">
						<div class="qr-code">
							<div class="qr-code-title">
								<ul><li class="QR-title-R QR-title-on" style="width:100%;">订阅号</li></ul>
          						</div>
          						<div class="qr-code-img">
       	    					<ul>
				            	    <li class="qr-code-img-on">
				                	    <img src="<%=upload%>/${map['weixin']}" alt="订阅号">
				                    </li>
				                </ul>
                        		</div>
                   		</div>
               		</div>
              		</li>
               	<li class="social social-tel">
               		<a href="javascript:void(0);"><span>电话：${map['phone'] }</span></a>
               	</li>
			</ul>
		</div>
   	</div>
</div>
<div class="header_f" id="top">
	<div class="wrap">
		<div class="logo_f">
			<a href="<%=pre%>/home/index.html"><img src="<%=images%>/front/hjslmlogo.png" title="好教师联盟" /></a>
		</div>
		<div class="top-nav_f">
			<ul>
				<li id="top_0"><a href="<%=pre%>/home/index.html">首页</a></li>
				<c:forEach items="${navList }" var="obj">
					<li 
						<c:if test="${obj.targettype == 2 }">
							id="top_${fn:substringBefore(fn:substring(obj.tolink,1,-1), '/')}"
						</c:if>><a href="${obj.tolink}"
						<c:choose>
							<c:when test="${obj.targettype == 1}">
								target="_blank"
							</c:when>
						</c:choose>>${obj.name}</a></li>
				</c:forEach>
			</ul>
		</div>
	</div>
</div>